<template>
  <div>
    <h2>丽莎小姐姐的记事本</h2>
    <van-form @submit="onSubmit">
      <van-cell-group inset>
        <van-field
          v-model="username"
          name="用户名"
          label="用户名"
          placeholder="用户名"
          :rules="[{ required: true, message: '请填写用户名' }]"
        />
        <van-field
          v-model="password"
          type="password"
          name="密码"
          label="密码"
          placeholder="密码"
          :rules="[{ required: true, message: '请填写密码' }]"
        />
      </van-cell-group>
      <div style="margin: 16px;">
        <van-button round block type="primary" native-type="submit">
          登录
        </van-button>
      </div>
    </van-form>
    <div style="margin: 16px;">
      <van-button round block type="info" @click="toRegister">
        注册
      </van-button>
    </div>
  </div>
</template>

<script>
    import {login} from "@/api/requestData";
    export default {
      data(){
        return{
          username : '',
          password : ''
        }
      },
      methods:{
        onSubmit(value){
          console.log('value', value);
          let data = {
            username : this.username,
            password : this.password,
          };
          login(data).then(res => {
            const {status ,token} = res.data;
            if (status === 200) {
              localStorage.setItem('token', token)
              this.$router.push('/home')
            }
          })
        },
        //注册
        toRegister(){
          this.$router.push('/register')
        }
      }
    }

</script>

<style scoped>

</style>
